@import "../../../../source/core/classes";
.img-icon {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

.video-list {
	width: 100%;
	overflow: hidden;
	.video-cell {
		width: 100%;
		overflow: hidden;
		background-color: #f5f5f5;
		border-bottom: solid 1px #e0e0e0;
		padding-bottom: 15rpx;
		.video-preview {
			position: relative;
			.video-preview-title {
				position: absolute;
				padding: 10rpx 20rpx 30rpx 20rpx;
				left: 0;
				right: 0;
				top: 0;
				font-size: 32rpx;
				background: linear-gradient(rgba(0, 0, 0, .8),  rgba(0, 0, 0, 0));
				background: -webkit-linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
				color: #fff;
				.subtitle{
					//font-size: 24rpx;
					color: rgba(256,256,256,.8);
					margin-left: 6rpx;
				}
			}
			.video-preview-image {
				width: 100%;
				height: 56vw;
				display: block;
			}
			.video-preview-play{
				width: 108rpx;
				height: 108rpx;
				line-height: 108rpx;
				border-radius: 999rpx;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				background-color: rgba(0,0,0,.6);
				.img-icon{
					width: 48rpx;
					height: 48rpx;
					margin-left: 10rpx;
				}
			}
			.video-time{
				position: absolute;
				right: 20rpx;
				bottom: 15rpx;
				padding: 4rpx 20rpx;
				border-radius: 99rpx;
				height: 40rpx;
				line-height: 40rpx;
				text-align: center;
				color: #fff;
				font-size: 28rpx;
				background-color: rgba(0,0,0,.5);
				.subtitle{
					font-size: 20rpx;
					margin-right: 10rpx;
				}
			}
		}
		.video-info{
			@include flexbox;
			@include align-items(center);
			height: 90rpx;
			padding: 0 20rpx;
			font-size: 26rpx;
			background-color: #fff;
			.upload-user-avatar{
				margin-right: 20rpx;
				image{
					width: 70rpx;
					height: 70rpx;
					border-radius: 999rpx;
					display: block;
				}
			}
			.upload-user-nickname{
				font-size: 28rpx;
				@include flex(1);
			}
			.video-like-count{
				margin: 0 10rpx;
				text-align: right;
				color: #9e9e9e;
				font-size: 28rpx;
			}
			.like-icon{
				padding-left: 10rpx;
			}
		}
	}
}